<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>全球新型冠状病毒实时数据统计</title>
    <link rel="stylesheet" href="css/infor.css">
</head>

<body>
<div style="text-align: center">

    <div>
        <form action="/search" style="padding-top: 10px;">
            <input type="text" placeholder="请输入国家或者省会" name="key" style="width: 20%; font-size: 15px;"/>
            <input type="submit" style="font-size: 15px;" value="确定"/>
        </form>
    </div>

    <div style="margin-top: 10px;">
        <table id="pageMain" cellspacing="0" cellpadding="0" style="width: 95%;" align="center">
            <tr>
                <th width="25%">国家</th>
                <th width="25%">省会/城市</th>
                <th width="25%">累计确诊人数</th>
                <th width="25%">相比昨天增加人数</th>
            </tr>
            <tr class="hoverTr" th:each="data : ${datalist}">
                <td th:text="${data.country}"/>
                <td th:text="${data.state}"/>
                <td th:text="${data.latestTotalCases}"/>
                <td th:text="${data.diffFromPrevDay}"/>
            </tr>
        </table>
    </div>
</div>
</body>

</html>